<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" >

<h:head>
<title>Cadastrar Anunciante</title>
</h:head>
<h:body>
<ui:composition template="/pages/template.xhtml">
	<ui:define name="conteudo">
		<p:messages id="messages_anunciante"/>
		<h:form id="cadastrarAnunciante_form">
			<p:panel header="Realize seu pre-Cadastro aqui!" id="panelCadastrar" style="width:600px;">
				<h:panelGrid columns="3" id="dadosAnunciante">
					<h:graphicImage alt="Cadastro"
						url="../resources/images/Anunciante_Logo.png" width="30px"
						height="30px"></h:graphicImage>

					<h:outputLabel value="Faça seu pré-Cadastro aqui:"/>
					<h:outputText>&nbsp;</h:outputText>

					<p:outputLabel value="Razao Social:" for="razaoSocial" />
					<p:inputText value="#{anuncianteBean.anunciante.razaoSocial}"
						id="razaoSocial" required="true" requiredMessage="Razao Social Obrigatório!">
					</p:inputText>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="CNPJ:" for="cnpj" />
					<p:inputMask mask="99.999.999/9999-99" value="#{anuncianteBean.anunciante.cnpj}" id="cnpj" required="true" requiredMessage="CNPJ Obrigatorio!" converterMessage="CNPJ invalido!">
						<f:converter converterId="cnpjConverter" />
					</p:inputMask>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Nome para Contato:" for="nomeContato" />
					<p:inputText value="#{anuncianteBean.anunciante.nomeParaContato}"
						id="nomeContato" required="true" requiredMessage="Nome para contato Obrigatorio!" maxlength="18">
					</p:inputText>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Telefone para contato:" for="telefone" />
					<p:inputMask mask="(99) 9999-9999" value="#{anuncianteBean.anunciante.telefone}" id="telefone" required="true" requiredMessage="Telefone Obrigatorio!">
					</p:inputMask>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Email" for="email" />
					<p:inputText value="#{anuncianteBean.anunciante.email}" id="email" required="true" requiredMessage="Email Obrigatorio!">
						<p:ajax update="email_valido" listener="#{anuncianteBean.buscarEmail}"></p:ajax>
					</p:inputText>
					<h:outputText id="email_valido" value="#{anuncianteBean.emailValido}" />
					
					<p:outputLabel value="Site:" for="site" />
					<p:inputText value="#{anuncianteBean.anunciante.site}" id="site">
					</p:inputText>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Senha:" for="senha" />
					<p:password  value="#{anuncianteBean.anunciante.senha}" feedback="true" id="senha" requiredMessage="Preencha o campo senha!" required="true"
						promptLabel="Preencha o campo Senha" weakLabel="Senha Fraca"  
                        goodLabel="Senha media" strongLabel=" Senha Forte" validatorMessage="Sua senha deve ter no minimo 8 digitos!">
                    	<f:validateLength minimum="8"></f:validateLength>    
                    </p:password>  
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Confirmar Senha" for="confirmarSenha" />
					<p:password value="#{anuncianteBean.confirmarSenha}" requiredMessage="Preencha o campo Confirmação senha!" required="true" id="confirmarSenha"/>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="CEP:" for="cep" />
					<p:inputMask value="#{anuncianteBean.anunciante.endereco.cep}" mask="99999-999" id="cep" required="true" requiredMessage="CEP Obrigatorio!">
					</p:inputMask>
					<h:outputText>&nbsp;</h:outputText>

					<p:outputLabel value="Estado:" for="estado" />
					<p:inputText value="#{anuncianteBean.anunciante.endereco.estado}"
						id="estado" required="true" requiredMessage="Informe o Estado!"></p:inputText>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Cidade:" for="cidade" />
					<p:inputText value="#{anuncianteBean.anunciante.endereco.cidade}"
						required="true" requiredMessage="Informe a cidade!" id="cidade">
					</p:inputText>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Logradouro:" for="logradouro" />
					<p:inputText
						value="#{anuncianteBean.anunciante.endereco.logradouro}"
						required="true" id="logradouro"
						requiredMessage="Informe o endereco!" />
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Bairro:" for="bairro" />
					<p:inputText value="#{anuncianteBean.anunciante.endereco.bairro}" id="bairro" required="true" requiredMessage="Obrigatorio informar o Bairro!">
					</p:inputText>
					<h:outputText>&nbsp;</h:outputText>
										
					<p:outputLabel value="Numero:" for="numero" />
					<p:inputText value="#{anuncianteBean.anunciante.numero}" id="numero" required="true" requiredMessage="Numero Obrigatorio!"/>
					<h:outputText>&nbsp;</h:outputText>
					
					<p:outputLabel value="Complemento:" for="complemento" />
					<p:inputText value="#{anuncianteBean.anunciante.complemento}" id="complemento"
						required="true" requiredMessage="Informe o tipo de complemento!"></p:inputText>
					<h:outputText>&nbsp;</h:outputText>
				
					<p:commandButton value="Reset" type="reset" />  
					<p:commandButton value="Cadastrar" action="#{anuncianteBean.cadastrarAnunciante}" id="btCadastrar" 
						update=":messages_anunciante @form"/>
					<h:outputText>&nbsp;</h:outputText>
				</h:panelGrid>
				<br></br>
				<h:outputLabel value="Campos marcados com * sao obrigatorios "></h:outputLabel>
			</p:panel>	
		</h:form>
	</ui:define>	
	</ui:composition>
</h:body>
</html>